<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>css引入方式及属性</title>
	<style>
		*{
			padding: 0;
			margin: 0;
		}
		p{
			color: green;
		}
		
		#line3{
			color: blue !important;
		}
	</style>
	<link rel="stylesheet" href="./1.css">
</head>

<body>
	<pre>
			1.外部样式表
			      通过在 head 标签中插入 link 标签，通过 href 属性，引入css文件
			      使用最多的 
			2.内部样式表
			      通过在 head 标签中 插入 style 标签，将样式写在style标签中
			3.内联样式(行内样式)
			      通过在标签内部使用 style 属性添加 css样式
			      尽量少用 单一的属性
			    *选择器(通配符)：选择所有的元素  
			    优先级：
			    !important(10000) > 内联样式(1000) > id选择器(100) > class选择器(10) > 标签选择器(1) > *选择器 (0.1)
			    !important：当编写大量代码，已无法改变样式时，通过优先级已经无法解决
			
		</pre>



	<h1>断章</h1>
	<p>【作者】卞之琳 【朝代】现代</p>
	<p>你站在桥上看风景，</p>
	<p>看风景人在楼上看你。</p>
	<p style="color: antiquewhite;" id="line3">明月装饰了你的窗子，</p>
	<p>你装饰了别人的梦。</p>
	
	


	<div style="height: 300px;"></div>
</body>

</html>